#2E5A91

Color Details

HEX
#2E5A91
RGB
rgb(46, 90, 145)
HSL
hsl(213, 52%, 37%)
CMYK
cmyk(68%, 38%, 0%, 43%)
Best text on this color #FFFFFF (CR 7.03:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2e5a91
Contrast 2.99:1 Fail
White on #2e5a91
Contrast 7.03:1 AAA
#2e5a91 on Black
Contrast 2.99:1 Fail
#2e5a91 on White
Contrast 7.03:1 AAA

Tints & Shades

#587ba7
#829cbd
#abbdd3
#254874
#1c3657
#12243a

Complement & Analogous

#8f632d
#322d8f
#2d8b8f

Triadic

#8f2d59
#598f2d

Monochrome

#12243a #1c3657 #2e5a91 #829cbd #abbdd3 #d5dee9

Analogous

#2d8b8f #6caeb1 #2e5a91 #5b57a5 #322d8f #282472

Complementary Mix

#1c3657 #2e5a91 #829cbd #8f632d #b69a77 #5d401d

Nearby Colors

#2e5a90
#2e5a92
#2e5a81
#2e5aa1

Embed #2E5A91 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2E5A91

#2E5A91 converts to RGB(46, 90, 145) and HSL(213, 52%, 37%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2E5A91 FAQs

What is the RGB value of #2E5A91?
RGB: 46, 90, 145. Copy as CSS: rgb(46, 90, 145)
Is #2E5A91 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2E5A91?
Complement: #8f632d.
Does #2E5A91 have good contrast on white or black?
On white: 7.03:1 (AAA (normal text)). On black: 2.99:1 (Fails AA).